<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>ExtJS test</title>
    <link rel="stylesheet" type="text/css" href="/resources/extjs/resources/css/ext-all.css">
    <link rel="stylesheet" type="text/css" href="/resources/extjs/resources/css/xtheme-gray.css" />
    <script type="text/javascript" src="/resources/extjs/adapter/ext/ext-base-debug.js"></script>
    <script type="text/javascript" src="/resources/extjs/ext-all-debug.js"></script>
</head>
<body>
    <script type="text/javascript">
        Ext.BLANK_IMAGE_URL = '/resources/extjs/resources/images/default/s.gif';

        Ext.test.Person = Ext.extend(Ext.util.Observable, {
            constructor: function(){

            },

            info: function() {
              Ext.Msg.alert();
            }
        });

        Ext.onReady(function(){
            Ext.MessageBox.alert('Hello ExtJS!', "Hi, ExtJS, I am coming...");
        });

    </script>
</body>
</html>